﻿/*Public*/
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input{margin:0px;padding:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*瑙ｅ喅IE6涓嬫粴鍔ㄦ姈鍔ㄧ殑闂*/
img{border:none;}
body {color:#666; font:62.5%/1.5   Arial, "Microsoft Yahei";width:100%;height: 100%; background-color:#fff;}
ul,ol,li,form, dl {list-style: none;}
p{margin:0px; padding:0px;}
a{text-decoration:none;color:#434343;}
a:hover {text-decoration:none;}
div{ margin:0 auto;}
::-webkit-scrollbar{width:4px;height:11px;border:none;background:#3fbe72!important}::-webkit-scrollbar-track-piece{border:none;position:absolute;padding:0;box-shadow:none;background-color:#3fbe72;border-radius:1px}::-webkit-scrollbar-thumb:vertical{background-color:#3fbe72;border-radius:0;border:none}::-webkit-scrollbar-thumb:horizontal{background-color:#3fbe72;border-radius:0;border:none}::-webkit-scrollbar{width:4px;height:12px}::-webkit-scrollbar-button:vertical{display:none}::-webkit-scrollbar-track:vertical{background-color:#000}::-webkit-scrollbar-track-piece{background:#fff}::-webkit-scrollbar-thumb:vertical{background-color:#3fbe72;border-radius:5px}::-webkit-scrollbar-thumb:vertical:hover{background-color:#3fbe72}::-webkit-scrollbar-corner:vertical{background-color:#3fbe72}::-webkit-scrollbar-resizer:vertical{background-color:#3fbe72}
.text-box{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column}
.box-flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.pull-overflow,.AcUi-overflow{overflow:hidden;}
.text-center .img-responsive{margin:auto;}
.container{padding: 0}
@media(max-width:760px){
    .container{padding:  0 5px;}
}
.Header-button{margin-right:2%;margin-top:5px;position:relative; height:50px;width:30px;cursor:pointer;}
.Header-button:after,.Header-button:before{position:absolute;left:0;width:100%;height:2px;background:#60a411;content:"";transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.Header-button:after{bottom:13px;}
.Header-button:before{top:13px;}
.Header-button span{display:block;height:2px;width:100%;background:#60a411;position:absolute;top:50%;left:0;border-radius:2px;margin-top:-1px;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.Header-button.active:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;left:5px;bottom:13px;}
.Header-button.active:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;top:13px;left:5px;}
.Header-button.active span{opacity:0}
/* Footer Button */
#Footer-button{height:60px;background:#80bd24;border-top:solid 1px #71ae14;z-index: 9;}
#Footer-button a{border-top:solid 1px #71ae14;border-right:solid 1px #9ac952;height:60px;border-left:solid 1px #9ac952;text-align:center;overflow:hidden}
#Footer-button a i.Yc-icon{line-height:30px;height:30px;color:#fff;font-size:2.6rem;margin-top:5px;display:block}
#Footer-button a span{font-size:14px;color:#fff;}
/*Page*/
.Page{margin-bottom:20px;}
.Page a,.Page b{display:inline-block;border:solid 1px #dedede;line-height:24px;font-size:12px;font-family:SimSun;padding:0 8px;color:#333;font-weight:normal;}
.Page a:first-child{display: none;}
.Page b{background:#60a411;border-color:#60a411;color:#fff;}
.Page a:hover{background:#60a411;color:#fff;border-color:#60a411}
/*pernext*/
.pernext{border-top:dashed 1px #ddd;border-bottom:dashed 1px #ddd;margin-top:30px;padding:10px 0;clear: both;}
.pernext span{color:#333;line-height:2;width:50%;font-size: 14px;}
.pernext span a{color:#333}
.pernext span.pull-right{border-left:dashed 1px #ddd;text-align:right}
.pernext span:hover,.pernext span:hover a{color:#cb1700}
@media(max-width:760px){
    .pernext span{width:100%;float:none;display:block;}
    .pernext span.pull-right{text-align:left;margin-top:10px;border-top:dashed 1px #ddd;padding-top:10px;border-left:none;}
}
/*Page text*/
.Page-text{font-size: 14px;color: #333;line-height: 2;overflow: hidden;}
.Page-text img{max-width: 100%;height: auto !important;margin: auto}
/* Fonts */
@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/iconfont.woff2') format('woff2'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype'),
    url('../fonts/iconfont.svg#iconfont') format('svg');
}
.Yc-icon{ font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.icon-dianhua1:before {content: "\e606";}
.icon-zaixianzixun:before {content: "\e65b";}
.icon-zhuye:before {content: "\e64b";}
.icon-dianhua:before {content: "\e60c";}
.icon-nongchanpin-:before {content: "\e636";}
.icon-roushix:before {content: "\e61e";}
.icon-sousuo:before {content: "\e64e";}
.icon-nongchanpinshuju:before {content: "\e625";}
.icon-ICON-:before {content: "\e604";}
.icon-rou:before {content: "\e653";}
.icon-dianhua2:before {content: "\e72f";}
/*Header*/
#Header{height: 80px;background: #fff;-moz-box-shadow:0px 1px 3px #DEDEDE; -webkit-box-shadow:0px 1px 3px #DEDEDE; box-shadow:0px 1px 3px #DEDEDE;}
.Header-logo{background-repeat: no-repeat;background-position: left center;width: 230px;height: 80px;overflow: hidden;background-size:contain}
.Header-logo a{display: block;width: 100%;height: 100%;text-indent: -99rem;}
.Header-nav{width: calc(100% - 460px);height: 80px;margin: auto 20px;}
.Header-nav li{width:calc(100%/7);float: left;height: 80px;text-align: center}
.Header-nav li a{display: block;position: relative;height: 80px;line-height: 80px;font-size: 15px;color: #000;transition: ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s;-o-transition: ease .3s;}
.Header-nav li a span{position: absolute;left: 0;top: -90px;width: 100%;height: 100%;background: #3fbe72;color: #fff;transition: ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s;-o-transition: ease .3s;}
.Header-nav li a:before,.Header-nav li a span:before,.Header-nav li a:after,.Header-nav li a span:after{position: absolute;bottom: 0;background: #2da05b;content: "";transition: ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s;-o-transition: ease .3s;}
.Header-nav li a:before,.Header-nav li a span:before{width: 100%;height: 3px;left: 0}
.Header-nav li a:after,.Header-nav li a span:after{left: 50%;width: 0;height: 0;border-left: 5px solid transparent;border-right:5px solid transparent;border-bottom: 10px solid #2da05b;background: none;margin-left: -5px;}
.Header-nav li a:before,.Header-nav li a:after{display: none;}
.Header-nav li:hover a,.Header-nav li.active a{background: #3fbd73;color: #fff;}
.Header-nav li:hover a:after,.Header-nav li.active a:after,.Header-nav li:hover a:before,.Header-nav li.active a:before{display: block}
.Header-nav li:hover a span,.Header-nav li.active a span{top: 0}
.Header-tel{height: 80px;}
.Header-tel i{font-size: 28px;color: #999;margin-right: 10px}
.Header-tel b{color: #3fbe72;font-size: 22px;font-weight: 700}
@media(max-width:992px) and (min-width:768px) {
    .Header-logo{width: 150px}
    .Header-tel{width: 170px;padding-left: 10px;}
    .Header-tel i{font-size: 20px;}
    .Header-tel b{font-size: 18px;}
    .Header-nav{width: calc(100% - 320px);margin: auto}
}
@media(max-width: 760px){
    #Header{position: fixed;left: 0;top: 0;z-index: 111;width: 100%;height: 60px;box-shadow: 2px 4px 2px rgba(0,0,0,.1);-webkit-box-shadow: 2px 4px 2px rgba(0,0,0,.1);-ms-box-shadow: 2px 4px 2px rgba(0,0,0,.1);-o-box-shadow: 2px 4px 2px rgba(0,0,0,.1)}
    .Header-logo{height: 50px;margin-top: 5px;margin-left: 2%}
}
/*Nav*/
#Nav{position: fixed;left: 0;top:-150%;background: #60a411;z-index: 10;width: 100%;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
#Nav a{display: block;line-height: 34px;font-size: 14px;color: #fff;border-top: solid 1px #80c431;border-bottom: solid 1px #579a09;text-align: center}
#Nav a:hover,#Nav a.active{background: #7fbc23;color: #fff;}
#Nav.active{top: 60px;}
/*Banner*/
.banner-pagination span{background: none;width: 12px;height: 12px;border: solid 2px #da324d;opacity: 1}
.banner-pagination span.swiper-pagination-bullet-active{background: #da324d}
@media(max-width:760px){
    #Banner{margin-top: 60px;}
}
/*Main*/
.Home-title{font-size: 24px;color: #666;}
.Home-fitle{font-size: 14px;color: #999;padding-top: 6px;}
.Home-fitle span{display: block;margin:10px auto;width: 8px;height: 8px;border-radius: 50%;background: #3fbe72;position: relative}
.Home-fitle span:before,.Home-fitle span:after{position: absolute;top: 50%;width: 38px;height: 1px;background: #bfbfbf;content: ""}
.Home-fitle span:before{left: -50px;}
.Home-fitle span:after{right: -50px}
@media(max-width: 760px){
    .Home-title{font-size: 2rem}
    .Home-fitle{font-size: 1.2rem}
}
/*Home Products*/
.Home-Products{padding: 25px 0}
.Home-Products-Nav{margin-top: 40px;margin-bottom: 30px;}
.Home-Products-Nav a{display: inline-block;width: 136px;height: 38px;background: #16242d;margin: auto 10px;line-height: 38px;position: relative;color: #fff;font-size: 12px;font-weight: bold}
.Home-Products-Nav a:after{position: absolute;left: 50%;bottom: -6px;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: solid 6px #3fbe72;content: "";margin-left: -4px;display: none}
.Home-Products-Nav a:hover,.Home-Products-Nav a.active{background: #3fbe72}
.Home-Products-Nav a:hover:after,.Home-Products-Nav a.active:after{display: block}
.Home-Products-box{overflow: hidden}
.Home-Products-list li{width: 20%;float: left;padding: 0 10px;text-align: center}
.Home-Products-img{display: block;border: solid 1px #ddd;padding: 5px;height: 145px;}
.Home-Products-img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Home-Products-list span{display: block;text-align: center;line-height: 30px;font-size: 14px;color: #282828;margin-top: 6px;}
@media(max-width:992px) and (min-width:768px){
    .Home-Products-Nav a{width: 120px;margin: auto 5px;}
}
@media(max-width: 760px){
    .Home-Products-Nav{margin-top: 30px;margin-bottom: 20px;}
    .Home-Products-Nav a{width: auto;margin: auto 2px;padding: 0;min-width: 70px;height: 34px;line-height: 34px;}
    .Home-Products-list li{padding: 0 5px;width: 50%}
    .Home-Products-list li:nth-child(5){display: none}
}
/*Home About*/
.Home-About{background-position: top center;background-repeat: no-repeat;background-size: cover;padding: 30px 0 0;height: 522px;}
.Home-About .Home-title{color: #eeeeee}
.Home-About .Home-fitle{color: #cccccc}
.Home-About-box{margin-top: 40px;margin-bottom: 30px;}
.Home-About-left{width: 58.18%;padding-left: 20px;font-size: 14px;color: #eee;line-height: 26px;text-indent: 2rem;}
.Home-About-right{width:36.6%}
.Home-About-right img{border: solid 5px #003c15}
.Home-More a{display: block;width: 100px;background: #fff;border-radius: 15px;color: #60a411;font-size:14px; padding: 5px 0;margin: auto}
@media(max-width: 760px){
    .Home-About{height: auto;padding-bottom: 60px;}
    .Home-About-box{margin-top: 20px;}
    .Home-About-left{width: 100%;padding-left: 0;font-size: 1.3rem;line-height: 2}
    .Home-About-right {display: none;}
}
/*Home News*/
.Home-News{padding: 30px 0}
.Home-News-box{margin-top: 40px;margin-bottom: 15px;}
.Home-News-one{padding-left: 0;padding-right: 10px;border-bottom: solid 1px #ddd}
.Home-News-img{display: block;margin-bottom: 10px;}
.Home-News-text h3{font-size: 16px;color: #434343;line-height: 26px;font-weight: bold}
.Home-News-time{font-size: 12px;color: #929292;line-height: 20px;}
.Home-News-text{font-size: 14px;color: #666;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.Home-News-text i{color: #194e22;font-style: normal}
.Home-News-one:hover h3{color: #3fbe72}
.Home-News-list{padding-right: 0}
.Home-News-list li{margin-bottom: 12px;}
.Home-News-number{font-size: 54px;color: #63a311;float: left;border-right: solid 1px #60a411;line-height: 96px;width: 90px;text-align: center;font-family: Arial}
.Home-News-right{width: calc(100% - 105px);margin-left: 15px;border-bottom: solid 1px #e2e2e2;padding-bottom: 12px;}
.Home-News-right h3{font-size: 16px;color: #434343;line-height: 26px;font-weight: bold}
.Home-News-list li:hover h3{color: #3fbe72}
.Home-News .Home-More a{background: #63a311;color: #fff;}
@media(max-width: 760px){
    .Home-News-one{margin-bottom: 30px;padding-bottom: 10px;padding-right: 0}
    .Home-News-list{padding-left: 0}
    .Home-News-number{width: 60px;font-size: 3rem}
    .Home-News-right{width: calc(100% - 75px)}
    .Home-News-right h3{font-size: 1.4rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
    .Home-News-time{font-size: 1.2rem}
    .Home-News-text{font-size: 1.2rem}
}
/*Home Advatage*/
.Home-Advatage{padding-top: 50px;background-position: top center;background-repeat:no-repeat;background-color: rgb(0, 151, 100)}
.Home-Advatage-box{width: 67%;float: left;text-align: right;padding-right: 90px;}
.Home-Advatage h2{font-size: 30px;font-weight: 600;color: #fff;margin-bottom: 55px;}
.Home-Advatage-list li{padding-right: 20px;margin-bottom:70px;padding-top:5px}
.Home-Advatage-list li i{display: none}
.Home-Advatage-list li b{display: block;font-size: 14px;color: #fff;line-height: 26px;}
.Home-Advatage-list li p{font-size: 12px;color: #fff;line-height: 20px;}
.Home-Advatage-list li:last-child{margin-top: -15px;margin-bottom: 40px}
@media(max-width: 760px){
    .Home-Advatage{background-image: none !important;padding: 30px 0}
    .Home-Advatage-box{width: 100%;padding-right:0;}
    .Home-Advatage h2{text-align: center;font-size: 2.4rem;margin-bottom: 20px;}
    .Home-Advatage-list{
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;
    }
    .Home-Advatage-list li{position: relative;margin-bottom: 0;width:50%;float: left;padding: 10px;border-right: solid 1px rgba(255,255,255,.3);border-bottom: solid 1px rgba(255,255,255,.3);border-left: solid 1px rgba(255,255,255,.3);border-top: solid 1px rgba(255,255,255,.3)}
    .Home-Advatage-list li i{display: block;right: 0;top: 50%;width: 40px;height: 40px;background: #fff;border-radius: 50%;color: #60a411;text-align: center;font-size: 2.4rem;line-height: 40px;margin: auto}
    .Home-Advatage-list li b{text-align: center;margin-top: 10px;}
    .Home-Advatage-list li p{font-size: 1.2rem;min-height: 120px;text-align: center}
    .Home-Advatage-list li:last-child{margin-top: 0;padding-top: 20px;width: 50%;margin-bottom: 0}
    .Home-Advatage-list li:last-child p{min-height: auto;margin-bottom: 20px;}
}
/*Home Technology*/
.Home-Technology{background: #3e7500;}
.Home-Technology-left{width: 58.33%;padding-top: 22px;/*padding-left: 20px;*/}
.Home-Technology-left h2 {font-size: 22px;color: #7fbc23;margin-bottom: 15px;}
.Home-Technology-left h2 span{/*margin-left: 20px;*/display: block;font-size: 12px;}
.Home-Technology-left h3{font-size: 30px;color: #ccc}
.Home-Technology-left p{font-size: 11px;color: #ccc;text-transform: uppercase;}
.Home-Technology-right{font-size: 14px;color: #fff;
    padding: 22px 0;
    flex-direction: column;
    line-height: 2;
    max-width: 180px;
}
.Home-Technology-right img{
    max-width: 54%;
}
@media(max-width:992px) and (min-width: 768px){
    .Home-Advatage-box{width: 76%}
    .Home-Advatage-list li{margin-bottom: 45px;}
}
@media(max-width:760px){
    .Home-Technology-left{width: 100%;padding-left: 0}
    .Home-Technology-left h2{font-size: 1.8rem;text-align: center}
    .Home-Technology-left h2 span{display: block;margin-left: 0}
    .Home-Technology-left h3{text-align: center;font-size: 2rem}
    .Home-Technology-left p{font-size: 1.4rem;text-align: center}
    .Home-Technology-right{width: 100%;height: auto;margin:20px auto;text-align: center;padding-right: 0;justify-content: center;font-size: 1.6rem;
    max-width: 100%;}
    .Home-Technology-right img{
        max-width: 36%;
    }
}
/*Footer*/
.Footer-Search{background: #7fbc23}
.Footer-Search-left{width: 65.8%}
.Footer-Search-left h2{display: inline-block;width: 187px;height: 67px;font-size:22px;color: #fff;text-align: center;padding-top: 12px;background: #60a411;position: relative}
.Footer-Search-left h2 span{display: block;font-size: 11px;}
.Footer-Search-left h2:after{position: absolute;right: -12px;top: 50%;border-top: 14px solid transparent;border-bottom: solid 14px transparent;border-left: solid 12px #60a411;content: "";margin-top: -12px}
.Footer-Search-left h3{display: inline-block;font-size: 18px;color: #fff;padding-top: 15px;padding-left: 30px;}
.Footer-Search-left h3 span{display: block;font-size: 10px;}
.Footer-Search-right{padding-top: 26px;padding-right: 10px;}
.Footer-Search-right input{width: 220px;height: 26px;padding-left: 10px;color: #999;border: solid 1px #d3d3d3;float: left;font-size: 14px;}
.Footer-Search-right button{width: 50px;height: 26px;border: none;background: #98d142;color: #ffff;cursor: pointer}
@media(max-width:992px) and (min-width: 768px){
    .Home-Technology-left{padding-left: 0}
    .Home-Technology-left h2{font-size: 16px}
    .Home-Technology-right{width: 40%;height: 160px;padding-right: 0;font-size: 22px;}
    .Footer-Search-left{width: 100%;}
    .Footer-Search-right{display: none}
}
@media(max-width: 760px){
    #Footer{margin-bottom: 60px;}
    .Footer-Search{display: none}
}
/*Footer links*/
.Footer-Links{background: #34383b}
.Footer-Links h2{width: 100px;height: 64px;padding-top: 16px;font-size: 15px;color: #fff;text-align: left;margin-left: 15px;}
.Footer-Links-list {width: calc(100% - 115px);padding: 10px 10px 20px 10px;margin-top: 10px;}
.Footer-Links-list a{display: inline-block;padding: 5px 15px;font-size: 12px;color: #777879;}
@media(max-width: 760px){
    .Footer-Links h2{width: 100%;margin-left: 0;text-align: center;height: auto}
    .Footer-Links h2 span{font-size: 1.2rem;display: block;opacity: .7;margin-top: 5px;}
    .Footer-Links-list{width: 100%;padding-left: 0}
}
/*Footer Copyright*/
.Footer-Copyright{background: #25292c;line-height: 40px;font-size: 14px;color: #666}
.Footer-Copyright a{color: #666}
@media(max-width: 760px){
    .Footer-Copyright{font-size: 1.2rem}
}
/*Page left*/
.Page-Main{margin-top: 20px;margin-bottom: 20px;}
.Page-channle-left{padding-left: 0;padding-right: 13px;}
.Page-channle-left h2{background: #7fbc23;height: 60px;line-height: 60px;text-align: center;color: #fff;}
.Page-channle-nav{border: solid 1px #dbdbdb;border-top: none;margin-bottom: 20px;padding: 15px;}
.Page-channle-nav li{border-bottom: dashed 1px #dbdbdb;line-height: 39px;height: 39px}
.Page-channle-nav li a{padding-left: 25px;background: url(../images/icon_1.jpg) no-repeat left 7px center;line-height: 39px;font-size: 14px;color: #666}
.Page-channle-nav li:hover a,.Page-channle-nav li.active a{background: url(../images/icon_2.jpg) no-repeat left 7px center;color: #026fce}
.Page-contact-left dl{border: solid 1px #dbdbdb;border-top: none;padding-bottom: 15px}
.Page-contact-left dl dt{margin-bottom: 10px;}
.Page-contact-left dl dd{margin: 0 15px;border-bottom: dashed 1px #dbdbdb;padding: 7px 0;font-size: 12px;color: #333;}
.Page-contact-left dl dd:last-child{border-bottom: none}
@media(max-width: 760px){
    .Page-Main{margin-top: 75px;}
    .Page-channle-left{padding-right: 0;}
    .Page-channle-nav{border: none;padding: 0;overflow: hidden}
    .Page-channle-nav li{border: none;width: 33.33%;padding: 5px;float: left;height: auto}
    .Page-channle-nav li a{display: block;border: solid 1px #ddd;padding: 0;background-image: none;text-align: center;height: 34px;line-height: 34px;background-color: #60a411;color: #ffff;}
    .Page-channle-nav li:hover a,.Page-channle-nav li.active a{background-image: none;background-color: #fff;color: #60a411;border-color: #60a411}
}
/*Page right*/
.Page-Main .col-md-9{padding-right: 0;padding-left: 13px;}
.Page-container{border: solid 1px rgb(219, 219, 219);padding: 15px 20px;overflow: hidden}
.Page-container-title{border-bottom: 1px dashed rgb(219, 219, 219);margin-bottom: 20px}
.Page-container-title h2{color: #7fbc23;font-size: 18px;line-height: 20px;padding-left: 10px;height: 30px}
.Page-container-title p{font-size: 12px;color: #666;line-height: 20px;}
.Page-container-title p a{color: #666}
.Page-container-title P a:hover{color: #60a411}
@media(max-width: 760px){
    .Page-Main .col-md-9{padding-left: 0}
    .Page-container{padding: 0;border:none}
    .Page-container-title{border-bottom: 1px dashed rgb(219, 219, 219);border-top: 1px dashed rgb(219, 219, 219);padding: 8px 0}
    .Page-container-title p{width: 100%}
}
/*Page Products*/
.Page-Products-list{margin-bottom: 10px}
.Page-Products-list li{padding: 0 10px;margin-bottom: 20px}
.Page-Products-img{display: block;border: 1px solid #DADADA;padding: 5px;height: 186px;overflow: hidden;}
.Page-Products-img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Page-Products-title{background: #EFEFEF url(../images/icon_3.gif) no-repeat right 10px center;padding: 6px;line-height: 30px;color: #707070;font-size: 14px;}
.Page-Products-list li:hover .Page-Products-title{color: #60a411}
@media(max-width:992px) and (min-width: 768px){
    .Page-Products-list li{padding: 0 5px;margin-bottom: 15px;}
}
@media(max-width: 760px){
    .Page-Products-list li{padding: 0 5px;margin-bottom: 10px}
}
/*Page Products Details*/
.Page-Products-details-title{border: #BECCDD solid 1px;background-color: #E9F1FD;padding: 10px;color: #202020;line-height: 25px;margin-top: 20px;margin-bottom: 20px}
.Page-Products-text{border-top: dashed 1px #ccc;padding: 10px;padding-top: 20px;}
.Page-Products-text h2{font-size: 12px;color: #000;font-weight: bold;line-height: 2}
/*Page case*/
.Page-News-list{padding: 0 2%;margin-top: 3vh}
.Page-News-list li{margin-bottom: 30px;border-bottom: dashed 1px rgba(0,0,0,.1);padding-bottom: 20px;}
.Page-News-list li h3{font-size: 16px;color: #000;font-weight: bold;margin-bottom: 10px;}
.Page-News-time{font-size: 14px;color: #666;line-height: 28px;}
.Page-News-text{margin-top: 10px;font-size: 14px;color: #666;line-height: 20px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow: hidden;}
.Page-News-more{display: inline-block;color: #666;width: 130px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #ccc;margin-top: 15px;font-size: 12px;}
.Page-News-list li:hover h3{color: #63a311;}
.Page-News-more:hover{border-color: #63a311;color: #fff;background-color: #63a311}
@media(max-width: 760px){
    .Page-News-list{padding: 0;margin-top: 0}
    .Page-News-list li h3{font-size: 1.4rem;margin-bottom: 10px}
    .Page-News-time{font-size: 1.2rem;line-height: 1.2}
    .Page-News-text{font-size: 1.2rem;margin-top: 5px;}
    .Page-News-more{display: none}
}
/*Page News detials*/
.Page-title{font-size:16px;color:#3e7500;margin-bottom:15px;font-weight: bold}
.Page-info{border-bottom:solid 2px #3e7500 ;margin-bottom:20px;padding-bottom:10px;font-size:13px;font-family:SimSun;color:#999}
.Page-info i{font-style:normal;margin:auto 20px;}
.Page-summary{border: dashed 1px #e0e0e0;background-color: #f5f8fc;padding: 10px;margin-bottom: 30px;font-size: 14px; line-height: 2}
/*Pafe img list*/
.Page-About-list li{padding: 0 10px;margin-bottom: 20px;}
.Page-About-list li i{display: block;border: solid 1px #ccc;padding: 2px;height: 182px;overflow: hidden;}
.Page-About-list li i img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Page-About-list li span{display: block;line-height: 30px;font-size: 14px;color: #333}
@media(max-width:760px){
    .Page-About-list li{padding: 0 5px;margin-bottom: 10px;}
    .Page-About-list li i{
        height: 120px;
    }
}
/*Page hr*/
.Page-hr-secher{background:#f7f7f7;border-bottom:dashed 1px #ecebeb;line-height:56px;padding-left: 50px;}
.Page-hr-secher span{width:19%;font-size:1.4rem;color:#333333;float:left}
.Page-hr-list{background:#f7f7f7;padding-bottom:20px;margin-bottom:30px;}
.Page-hr-list li .Page-hr-top{border-bottom:dashed 1px #ecebeb;line-height:52px;padding-left:50px;cursor: pointer;}
.Page-hr-list li .Page-hr-top span{width:19%;float:left;font-size:1.4rem;color:#666666}
.Page-hr-list li .Page-hr-top span:last-child{width:5%;font-size:1.8rem}
.Page-hr-list li .Page-hr-top span:last-child i{transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transition: ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s;-o-transition: ease .3s;display: inline-block;}
.Page-hr-centent{padding:15px 50px 20px;border-bottom:dashed 1px #ecebeb;display: none;}
.Page-hr-centent h3{font-size:1.2rem;color:#666666;margin-bottom:10px;}
.Page-hr-centent .Page-text{font-size:1.2rem;color:#999999;line-height:2;padding-left:15px;margin-bottom:15px;}
.Page-hr-botton a{width:76px;height:30px;display: block;background: #ec6738;line-height:30px;text-align:center;color:#fff;}
.Page-hr-list li.active .Page-hr-top span:first-child{color:#b48b62}
.Page-hr-list li.active .Page-hr-top span:last-child i{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg)}
@media(max-width:760px){
    .Page-hr-title{font-size:2rem}
    .Page-hr-fitle{padding-left:0}
    .Page-hr-secher{padding-left:10px;}
    .Page-hr-secher span{font-size:1.2rem}
    .Page-hr-list li .Page-hr-top{padding-left:10px;}
    .Page-hr-list li .Page-hr-top span{font-size:1.2rem;text-overflow:ellipsis;overflow:hidden;white-space: nowrap}
    .Page-hr-centent{padding:15px 10px}
}
#Layer{display: none}
.Layer-hr-form{padding: 15px;overflow:hidden}
.layui-layer{width:40vw !important}
.layui-layer li{margin-bottom:15px;padding:0 10px;height:36px}
.layui-layer li label{ -webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;text-align: justify;text-align-last: justify;vertical-align: top;font-size:1.4rem;color:#666;font-weight:normal;width:80px;float:left;line-height:36px}
.layui-layer li input[type="text"]{width:calc(100% - 90px);padding-left:10px;border:solid 1px #eeeff0;height:36px;float:left;outline:none}
.layui-layer h3{font-size:1.4rem;color:#000;font-weight:bold;margin-left:-10px;line-height: 36px;}
.layer-form-file{width:calc(100% - 90px);float:left;height:36px;position:relative}
.layer-form-file input[type="button"]{height:36px;display: inline-block;outline: 0 none;padding: 8px 12px;margin: 0;cursor: pointer;border: 1px solid;font: bold 9pt/100% Arial, Helvetica, sans-serif;-moz-border-radius: 0px 5px 5px 0px;-webkit-border-radius: 0px 5px 5px 0px;border-radius: 0px 5px 5px 0px;-moz-box-shadow: 0px 0px 1px #fff inset;-webkit-box-shadow: 0px 0px 1px #fff inset;box-shadow: 0px 0px 1px #fff inset;color: #fff;text-shadow: 1px 1px 0px #ec6738;background: #ec6738;background: -moz-linear-gradient(top, #3b75b4 0%, #ec6738 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec6738), color-stop(100%,#ec6738));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b75b4', endColorstr='#064884',GradientType=0);border-color: #ec6738;}
.layer-form-file input[type="file"]{position: absolute;top: 0;right: 0;bottom: 0;border: 0;padding: 0;margin: 0;height: 36px;cursor: pointer;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;width:100%;}
.layui-layer li button{width:120px;height:34px;background:#ec6738;line-height:34px;color:#fff;border:none;cursor: pointer;color:#fff;border-radius:4px;}
.layui-layer .layui-input-block{margin-left:0px;float:left;width:calc(100% - 90px)}
.layui-layer .layui-form-select{float:left;width:100%}
.layui-layer .layui-form-select .layui-select-title input{width:100%}
@media(max-width:992px){
    .layui-layer{width:70vw !important}
}
@media(max-width:760px){
    .layui-layer{width:95vw !important}
    .layui-layer li{height:26px;margin-bottom:5px;}
    .layui-layer li label{line-height:26px;font-size:1.2rem}
    .layui-layer li input[type="text"]{height:26px;line-height:36px}
    .layui-layer h3{line-height:26px}
    .layer-form-file{height:26px}
    .layer-form-file input[type="button"]{height:26px;}
    .layui-layer li:last-child{margin-top:15px;}
}

/*======online*/
.Page-line-box{background:#fff;padding:10px 30px 20px;}
.Page-line-box .form-group{position:relative;padding-top:20px;min-height: 54px}
.Page-line-box .form-group input{position: relative;z-index: 3;background-color: transparent;}
.Page-line-box .form-group p{position:absolute;left:1%;top:20px;line-height:34px;transition:all  0.3s linear 0.1s;-webkit-transition:all 0.3s linear 0.1s;-moz-transition:all 03s linear 0.1s;-o-transition:all 0.3s linear 0.1s;font-size:12px;}
.Page-line-box .form-group button{transition:all  0.3s linear 0.1s;-webkit-transition:all 0.3s linear 0.1s;-moz-transition:all 03s linear 0.1s;-o-transition:all 0.3s linear 0.1s;width:120px;background: #ff4c4c;color: #fff;border-color: #ff4c4c;outline:none}
.Page-line-box .form-group input.col-md-2{width: 16.66667%}
.Page-line-box .form-group p.active{top: -15px;}
#canvas{display: inline-block;border:1px solid #ccc;border-radius: 5px;cursor: pointer;margin-left:10px;height:34px;}
@media(max-width:760px){
    .Page-line-box{padding:20px 0 20px}
    .Page-line-box .form-group input.col-md-2{width:34%}
    .Page-line-box .form-group button{ background:#ff4c4c;color:#fff;border-color:#ff4c4c;}
}